<template>
  <h1>Vue-router@4</h1>

  <ul>
    <li>
      <router-link to="/home"> 首页 </router-link>
    </li>
    <li>
      <router-link to="/login"> 登录 </router-link>
    </li>
  </ul>

  <router-view></router-view>
</template>

<script setup lang="ts">
// 👍在 TS 项目开发中，可以导入路由组件类型 RouterLink 和 RouterView 增强类型检查
// 不导入的话 router-link 和 router-view 为 any (相当于JS开发)
import { RouterLink, RouterView } from "vue-router";
</script>